/* pages/home/home.wxss */
.searchBar {
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  background-color: white;
  z-index: 1;
  .search {
    width: 40rpx;
    position: absolute;
    left: 42rpx;
  }
  .top {
    width: 37rpx;
  }
  input {
    width: 520rpx;
    margin: 0 25rpx;
    border-radius: 50rpx;
    background-color: #FAFAFA;
    font-size: small;
  }
  .sort {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 23rpx;
    image {
      width: 40rpx;
    }
  }
}

.content {
  display: flex;
  background-color: #F7F7F7;
  padding-top: 90rpx;
  justify-content: center;
  .flow {
    width: 370rpx;
    // background-color: pink;
  }
  .book {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 8rpx;
    .image {
      background-color: skyblue;
      // height: 270rpx;
      width: 70%;
      margin: 20rpx 20rpx;
      margin-top: 30rpx;
    }
    
    .name {
      font-weight: 700;
    }
    
    .tags {
      display: flex;
      margin: 17rpx 0;
      .tag {
        background-color: #F7F7F7;
        margin: 5rpx;
        padding: 8rpx 13rpx;
        border-radius: 20rpx;
        color: green;
        font-weight: 700;
        font-size: small;
      }
    }
  }
}
